<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">
<head>
<title>首页</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
	<div class="container" id="content">
		<section class="content-header">
			<h1>
				<i class="fa fa-child"></i> <strong>举报信息管理</strong>
			</h1>
			<ol class="breadcrumb">
				<li><a href="#"><i class="fa fa-home "></i>Home</a></li>
				<li>系统管理</li>
				<li class="active">举报信息管理</li>
			</ol>
		</section>
		<!-- Main content -->
		<section class="content">
			<div class="box box-info">
				<div class="box-header with-border">
					<i class="fa fa-th-list"></i>
					<h4 class="box-title">举报信息查询</h4>
				</div>
				<div class="box-body">
					<div class="form-inline">
						<div class="input-group">
							<input type="text" id="accusationSearch" class="form-control"
								placeholder="名称丨地址丨经营范围" style="width: 240px;" /> <span
								class="input-group-btn">
								<button type="button" class="btn btn-info searchBtn">查询</button>
								<button type="button" name="reset" id="reset-btn"
									class="btn btn-info resetBtn">撤消</button>
							</span>
						</div>
						
					</div>
				</div>
				<div class="box box-body">
					<table width="100%" id="dataTable"
						class="mytable dataTable table-bordered text-center table-striped table-hover">
						<thead>
							<tr>
								<th width="5%">序号</th>
								<th width="6%">操作</th>
								<th width="6%">受理状态</th>
								<th width="6%">受理结果</th>
								<th width="6%">受理人</th>
								<th width="8%">商户名称</th>
								<th width="8%">商户地址</th>
								<th width="16%">总体评价</th>
								<th width="8%">投诉建议类型</th>
								<th width="8%">投诉建议原因</th>
								<th width="8%">投诉建议时间</th>
							</tr>
						</thead>
						<tbody>
						</tbody>
					</table>
				</div>
			</div>
		</section>
		  <!--受理-->
        <div class="modal" id="dealModal">
			<div class="modal-dialog" role="dialog" style="width:50%">
				<form id="finishQForm">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
							<h4 class="modal-title"><strong>处理投诉建议</strong></h4>
						</div>
						<div class="modal-body">
						<input type="hidden" name="id" id="id" />
						<table class="table table-bordered">
						<tbody>
						<tr>
						<td width="8%" align="center">店铺名称</td>
						<td width="16%">
                                    <div class="col-md-12">
							<input class="form-control" type="text" readonly="readonly" name="shopName"
										id="shopName" />
						</div>
                                </td>
                                <td width="24%" align="center" rowspan="6" colspan="2">
                                <label class="col-sm-12 control-label"><img id="avatar" src="" width="250px" height="250px"/></label>
                                </td>
						</tr>
						<tr>
						<td width="8%" align="center">认证状态</td>
						<td width="16%">
                                    <div class="col-md-12">
							<!-- <input class="form-control" type="text" readonly="readonly" name="infoState"
										id="infoState" /> -->
										<img id="infoStatem" width="40%" src=""/>
						</div>
                                </td>
                                
						</tr>
						<tr>
						<td width="8%" align="center">经营地址</td>
						<td width="16%">
                                    <div class="col-md-12">
							<input class="form-control" type="text" readonly="readonly" name="shopAdress"
										id="shopAdress" />
						</div>
                                </td>
                                
						</tr>
						<tr>
						<td width="8%" align="center">所属社区</td>
						<td width="16%">
                                    <div class="col-md-12">
							<input class="form-control" type="text" readonly="readonly" name="areaInfo"
										id="areaInfo" />
						</div>
                                </td>
						</tr>
						<tr>
						<td width="8%" align="center">社区电话</td>
						<td width="16%">
                                    <div class="col-md-12">
							<input class="form-control" type="text" readonly="readonly" name="areaInfoPhone"
										id="areaInfoPhone" />
						</div>
                                </td>
						</tr>
						<tr>
						<td width="8%" align="center">社区管理员</td>
						<td width="16%">
                                    <div class="col-md-12">
							<input class="form-control" type="text" readonly="readonly" name="arreaManagementPerson"
										id="arreaManagementPerson" />
						</div>
                                </td>
						</tr>
						<tr>
						<td width="8%" align="center">责任人</td>
						<td width="16%">
                                    <div class="col-md-12">
							<input class="form-control" type="text" readonly="readonly" name="managementPerson"
										id="managementPerson" />
						</div>
                                </td>
						<td width="8%" align="center">负责面积</td>
						<td width="16%">
                                    <div class="col-md-12">
							<input class="form-control" type="text" readonly="readonly" name="areaMeasure"
										id="areaMeasure" />
						</div>
                                </td>
						</tr>
						<tr>
						<td width="8%" align="center">保洁人员</td>
						<td width="16%">
                                    <div class="col-md-12">
							<input class="form-control" type="text" readonly="readonly" name="cleaningPerson"
										id="cleaningPerson" />
						</div>
                                </td>
                        <td width="8%" align="center">签订人</td>
						<td width="16%">
                                    <div class="col-md-12">
							<input class="form-control" type="text" readonly="readonly" name="signPerson"
										id="signPerson" />
						</div>
                                </td>
						</tr>
						<tr>
						<td width="8%" align="center">受理人</td>
						<td width="16%">
                                    <div class="col-md-12">
							<input class="form-control" type="text" readonly="readonly" name="rUser"
										id="rUser" />
						</div>
                                </td>
                        <td width="8%" align="center">投诉建议类型</td>
						<td width="16%">
                                    <div class="col-md-12">
							<input class="form-control" type="text" readonly="readonly" name="accusationType"
										id="accusationType" />
						</div>
                                </td>
						</tr>
						<tr>
						<td width="8%" align="center">投诉原因</td>
						<td width="16%" colspan="4">
                                    <div class="col-md-12">
							<textArea class="form-control" id="accusationReason" rows="5" readonly="readonly"></textArea>
						</div>
                                </td>	
						</tr>
						<tr>
						<td width="8%" align="center">受理结果</td>
						<td width="16%">
                                    <div class="col-md-12">
							<select name="resultType" id="resultType" class="form-control"> <!-- datatype="*,*1-100" -->
	     <option th:each="resultType:${options}" th:value="${resultType.id}"
									th:text="${resultType.title}"></option></select>
						</div></td>
						<td width="8%" align="center">受理状态</td>
						<td width="16%">
                                    <div class="col-md-12">
							<input class="form-control" type="text" readonly="readonly" name="infoState"
										id="infoState"/>
						</div>
                                </td>
						</tr>
						<tr>
						<td width="8%" align="center">结果备注</td>
						<td width="16%" colspan="4">
                                    <div class="col-md-12">
							<textArea class="form-control" id="memo" rows="5"></textArea>
						</div>
                                </td>
						</tr>
						</tbody>
						</table>
                        </div>
						
						<div class="modal-footer">
						<button type="button" class="btn btn-info receiveBtn" id="receiveBtn">受理</button>
							<button type="button" class="btn btn-primary finishBtn"  id="finishBtn">完成</button>
							<button type="button" class="btn btn-default" data-dismiss="modal">返回</button>
						</div>
					</div>
				</form>
			</div>
		</div>
		
		
		<script th:src="@{/bussinessAccusation/bussinessAccusation.js}"></script>
	</div>

</body>
</html>